<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="shortcut icon" href="<%=basePath %>/static/css/logo.png">
	<link rel="stylesheet" href="<%=basePath %>/static/css/iconfont.css">
	<link rel="stylesheet" href="<%=basePath %>/static/css/global.css">
	<link rel="stylesheet" href="<%=basePath %>/static/css/bootstrap.min.css">
	<link rel="stylesheet" href="<%=basePath %>/static/css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="<%=basePath %>/static/css/swiper.min.css">
	<link rel="stylesheet" href="<%=basePath %>/static/css/styles.css">
	<script src="<%=basePath %>/static/js/jquery.1.12.4.min.js" charset="UTF-8"></script>
	<script src="<%=basePath %>/static/js/bootstrap.min.js" charset="UTF-8"></script>
	<script src="<%=basePath %>/static/js/swiper.min.js" charset="UTF-8"></script>
	<script src="<%=basePath %>/static/js/global.js" charset="UTF-8"></script>
	<script src="<%=basePath %>/static/js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
	<script type="text/javascript">
		//alert("script");
		$(document).ready(function(){
			//alert("jintu");
			//$("#jiazai").on("click",function(){
				//alert("click");
				var userid = '<%=session.getAttribute("userid")%>';
				//alert(userid);
				//alert("this is "+userid);
				$.ajax({
					type:"POST",
					url:"../web/getorders",
					//data:"userid="+userid,
					//dataType:"json",
					success:function(data){
						//alert("ajax");
						
					}
				});
			//});
			
			function member_del(obj,id){
				layer.confirm('确认要删除吗？',function(index){
					$.ajax({
						type:"GET",
						url:"../web/qxorder",
						data:{orderid:id},
						dataType:"json",
						success:function(data){
						}
					});
					$(obj).parents("tr").remove();
					layer.msg('已删除!',{icon:1,time:1000});
				});
			}
		});
	
	</script>
	<title>卓越图书</title>
</head>
<body>
	<!-- 顶部tab -->
	<div class="tab-header">
		<div class="inner">
			<div class="pull-left">
				<div class="pull-left">嗨，欢迎来到<a class="cr" id="jiazai">zl图书,${username } </a></div>
			</div>
			<div class="pull-right">
				<a href="udai_welcome.jsp">个人中心</a>
				<a href="<%=basePath %>web/getorders">我的订单</a>
			</div>
		</div>
	</div>
	<!-- 顶部标题 -->
	<div class="bgf5 clearfix">
		<div class="top-user">
			<div class="inner">
				<a class="logo" href="<%=basePath %>jsp/homePage.jsp"><img src="<%=basePath %>/static/css/logo.png" alt="zlBOOK" class="cover"></a>
				<div class="title">个人中心</div>
			</div>
		</div>
	</div>
	<div class="content clearfix bgf5">
		<section class="user-center inner clearfix">
			<div class="pull-left bgf">
				<a class="title">欢迎使用</a>
				<dl class="user-center__nav">
					<dt>帐户信息</dt>
					<a href="udai_userInfo.jsp"><dd>个人资料</dd></a>
					<a href="udai_address.jsp"><dd>收货地址</dd></a>
					<a href="udai_pwd_modify.jsp"><dd>修改登录密码</dd></a>
				</dl>
				<dl class="user-center__nav">
					<dt>订单中心</dt>
					<a href="udai_order.jsp"><dd>我的订单</dd></a>
				</dl>
			</div>
			<div class="pull-right">
				<div class="user-content__box clearfix bgf">
					<div class="title">账户信息-修改登陆密码</div>
					<div class="step-flow-box">
						<div class="step-flow__bd">
							<div class="step-flow__li step-flow__li_done">
							  <div class="step-flow__state"><i class="iconfont icon-ok"></i></div>
							  <p class="step-flow__title-top">输入旧密码</p>
							</div>
							<div class="step-flow__line step-flow__line_ing">
							  <div class="step-flow__process"></div>
							</div>
							<div class="step-flow__li">
							  <div class="step-flow__state"><i class="iconfont icon-ok"></i></div>
							  <p  class="step-flow__title-top">重置登陆密码</p>
							</div>
							<div class="step-flow__line">
							  <div class="step-flow__process"></div>
							</div>
							<div class="step-flow__li">
							  <div class="step-flow__state"><i class="iconfont icon-ok"></i></div>
							  <p class="step-flow__title-top">完成</p>
							</div>
						</div>
					</div>
					<form action="../web/yanzhengold" method="post" class="user-setting__form" role="form">
						<div class="form-group">
							<input class="form-control" name="password" autocomplete="off" type="password">
							<span class="tip-text">请输入原密码</span>
							<span class="see-pwd pwd-toggle" title="显示密码"><i class="glyphicon glyphicon-eye-open"></i></span>
							<span class="error_tip"></span>
						</div>
						<div class="user-form-group tags-box">
							<button type="submit" class="btn ">提交</button>
						</div>
						<script src="js/login.js"></script>
						<script>
							$(document).ready(function(){
								$('.form-control').on('blur focus',function() {
									$(this).addClass('focus');
									$('.error_tip').empty();
									if ($(this).val() == ''){$(this).removeClass('focus')}
								});
							});
						</script>
					</form>
				</div>
			</div>
		</section>
	</div>
	<!-- 右侧菜单 -->
	<div class="right-nav">
		<ul class="r-with-gotop">
			<li class="r-toolbar-item">
				<a href="udai_welcome.jsp" class="r-item-hd">
					<i class="iconfont icon-user" data-badge="0"></i>
					<div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="udai_shopcart.jsp" class="r-item-hd">
					<i class="iconfont icon-cart"></i>
					<div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="" class="r-item-hd">
					<i class="iconfont icon-aixin"></i>
					<div class="r-tip__box"><span class="r-tip-text">我的收藏</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="" class="r-item-hd">
					<i class="iconfont icon-liaotian"></i>
					<div class="r-tip__box"><span class="r-tip-text">联系客服</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="" class="r-item-hd">
					<i class="iconfont icon-liuyan"></i>
					<div class="r-tip__box"><span class="r-tip-text">留言反馈</span></div>
				</a>
			</li>
			<li class="r-toolbar-item to-top">
				<i class="iconfont icon-top"></i>
				<div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
			</li>
		</ul>
		<script>
			$(document).ready(function(){ $('.to-top').toTop({position:false}) });
		</script>
	</div>
	<!-- 底部信息 -->
	<div class="footer">
		<div class="footer-tags">
			<div class="tags-box inner">
				<div class="tag-div">
					<img src="<%=basePath %>/static/images/icons/footer_1.gif" alt="厂家直供">
				</div>
				<div class="tag-div">
					<img src="<%=basePath %>/static/images/icons/footer_2.gif" alt="一件代发">
				</div>
				<div class="tag-div">
					<img src="<%=basePath %>/static/images/icons/footer_3.gif" alt="美工活动支持">
				</div>
				<div class="tag-div">
					<img src="<%=basePath %>/static/images/icons/footer_4.gif" alt="信誉认证">
				</div>
			</div>
		</div>
		<div class="copy-box clearfix">
			<!-- 版权 -->
			<p class="copyright">
				© 2019-2019 卓越图书网 版权所有，并保留所有权利<br>
			</p>
		</div>
	</div>
</body>
</html>